import { greenColor, highColor, warnColor } from '@/styles/var'
import styled from 'styled-components'

const StyledDetail = styled.div`
	&.detail-wrap {
		.content {
			height: calc(100vh - 194px);
			overflow-y: auto;
			margin-left: 40px;
			.item-wrap {
				line-height: 36px;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				.label {
					width: 200px;
					flex-shrink: 0;
				}
				.value {
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;
				}
				.no-approve {
					color: ${highColor};
				}
				.alarm_status_2 {
					color: ${warnColor};
				}
				.success {
					color: ${greenColor};
				}
			}
			.operation-obj-wrap {
				display: flex;
				justify-content: flex-start;
				.left-title {
					width: 100px;
					height: 36px;
					line-height: 36px;
				}
				.right-wrap {
					position: relative;
					top: 2px;
				}
			}
		}
	}
`
export { StyledDetail }
